<template>
    <div class="main-content">
        <div class="top">
            <div class="left">
                <div><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 85 36" class="injected-svg"
                        data-src="https://static.elfsight.com/icons/app-all-in-one-reviews-logos-google-logo-multicolor.svg"
                        xmlns:xlink="http://www.w3.org/1999/xlink">
                        <g clip-path="url(#a-1)">
                            <path fill="#4285F4"
                                d="M20.778 13.43h-9.862v2.927h6.994c-.345 4.104-3.76 5.854-6.982 5.854-4.123 0-7.72-3.244-7.72-7.791 0-4.43 3.429-7.841 7.73-7.841 3.317 0 5.272 2.115 5.272 2.115l2.049-2.122s-2.63-2.928-7.427-2.928C4.725 3.644 0 8.8 0 14.367c0 5.457 4.445 10.777 10.988 10.777 5.756 0 9.969-3.942 9.969-9.772 0-1.23-.179-1.941-.179-1.941Z">
                            </path>
                            <path fill="#EA4335"
                                d="M28.857 11.312c-4.047 0-6.947 3.163-6.947 6.853 0 3.744 2.813 6.966 6.994 6.966 3.786 0 6.887-2.893 6.887-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.878 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.954-4.181Z">
                            </path>
                            <path fill="#FBBC05"
                                d="M43.965 11.312c-4.046 0-6.946 3.163-6.946 6.853 0 3.744 2.813 6.966 6.994 6.966 3.785 0 6.886-2.893 6.886-6.886 0-4.576-3.607-6.933-6.934-6.933Zm.04 2.714c1.99 0 3.876 1.609 3.876 4.201 0 2.538-1.877 4.192-3.885 4.192-2.205 0-3.945-1.766-3.945-4.212 0-2.394 1.718-4.181 3.955-4.181Z">
                            </path>
                            <path fill="#4285F4"
                                d="M58.783 11.319c-3.714 0-6.634 3.253-6.634 6.904 0 4.16 3.385 6.918 6.57 6.918 1.97 0 3.017-.782 3.79-1.68v1.363c0 2.384-1.448 3.812-3.633 3.812-2.11 0-3.169-1.57-3.537-2.46l-2.656 1.11c.943 1.992 2.839 4.07 6.215 4.07 3.693 0 6.508-2.327 6.508-7.205V11.734h-2.897v1.17c-.89-.96-2.109-1.585-3.726-1.585Zm.269 2.709c1.821 0 3.69 1.554 3.69 4.21 0 2.699-1.865 4.187-3.73 4.187-1.98 0-3.823-1.608-3.823-4.161 0-2.653 1.914-4.236 3.863-4.236Z">
                            </path>
                            <path fill="#EA4335"
                                d="M78.288 11.302c-3.504 0-6.446 2.788-6.446 6.901 0 4.353 3.28 6.934 6.782 6.934 2.924 0 4.718-1.6 5.789-3.032l-2.389-1.59c-.62.962-1.656 1.902-3.385 1.902-1.943 0-2.836-1.063-3.39-2.094l9.266-3.845-.48-1.126c-.896-2.207-2.984-4.05-5.747-4.05Zm.12 2.658c1.263 0 2.171.671 2.557 1.476l-6.187 2.586c-.267-2.002 1.63-4.062 3.63-4.062Z">
                            </path>
                            <path fill="#34A853" d="M67.425 24.727h3.044V4.359h-3.044v20.368Z"></path>
                        </g>
                        <defs>
                            <clipPath id="a-1">
                                <path fill="#fff" d="M0 0h84.515v36H0z"></path>
                            </clipPath>
                        </defs>
                    </svg>
                    &nbsp;&nbsp;<span style="font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: rgb(255, 255, 255);">reviews</span>
                </div>
            </div>

        </div>
        <div class="body">
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item" style="margin-right: 0;"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item" style="margin-right: 0;"></div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'WristWatchMainContent',

    data() {
        return {

        };
    },

    mounted() {

    },

    methods: {

    },
};
</script>

<style lang="less" scoped>
.main-content {
    width: 1700px;
    margin: 72px auto;
    padding: 30px;
    border-radius: 24px;
    background: #171717;

    .top {
        width: 1700px;
        height: 109px;
        border-radius: 8px;
        background: #232323;
        margin-bottom: 18px;

        .left {
            div {
                display: flex;
                padding: 24px;
                .injected-svg {
                    width: 75px;
                    height: 31px;

                    #a-1 {}
                }

                span {}
            }
        }

    }

    .body {
        display: flex;
        flex-wrap: wrap;
        .item {
            width: 227.4px;
            height: 271px;
            background-color: #232323;
            border-radius: 8px;
            margin: 0 18px 18px 0;
            line-height: 271px;
        }
    }
}
</style>